<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>第一个 ECharts 实例</title>
  <!-- 引入 echarts.js -->
  <script src="./4.3.0/echarts.min.js"></script>
</head>

<body>
  <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  <div id="main" style="width: 1500px;height:600px;"></div>
  <script type="text/javascript">
    // ECharts 双Y轴折线图示例
    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option = {
      tooltip: {
        trigger: 'axis'
      },
      legend: {
        data: ['y', 'd']
      },
      xAxis: {
        type: 'category',
        data: ['0701', '0702', '0703', '0704', '0705', '0706', '0707', '0708', '0709', '0710',
          '0711', '0712', '0713', '0714', '0715', '0716', '0717', '0718', '0719', '0720',
          '0721', '0722', '0723', '0724', '0725', '0726', '0727', '0728', '0729', '0730',
          '0731', '0801', '0802', '0803', '0804', '0805', '0806', '0807', '0808', '0809', '0812',
          '0814', '0815', '0819','0824','0901','0908','1114'
        ]
      },
      yAxis: {
        type: 'value',
        name: '数值',
        min: 0,
        max: 2000
      },
      series: [
        {
          name: 'y',
          type: 'line',
          data: [1504, 1489, 1476, 1463, 1450, 1432, 1420, 1405, 1390, 1374, 1358,
            1338, 1319, 1303, 1286, 1286, 1247, 1247, 1247, 1188, 1188, 1146, 1125,
            1125, 1083, 1062, 1040, 1021, 1000, 978, 955, 937, 930, 926, 925, 927,
            926, 922, 922, 920, 923, 915,915,917,917,912,885,876,873]
        },
        {
          name: 'd',
          type: 'line',
          data: [1188, 1184, 1180, 1177, 1173, 1169, 1167, 1163, 1158, 1155, 1153,
            1151, 1147, 1144, 1142, 1142, 1137, 1137, 1137, 1129, 1129, 1124, 1118,
            1118, 1112, 1112, 1112, 1112, 1111, 1108, 1104, 1105, 1106, 1106, 1107,
            1108, 1108, 1107, 1109, 1110, 1120, 1123,1128,1168,1174,1177,1174,1266]
        }
      ]
    };
    myChart.setOption(option);
  </script>
</body>

</html>